<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <h1>灾害放假
      <span>1天</span>
    </h1>
    <li>沙尘暴</li>
    <li>泥石流</li>
    <li>海啸</li>
    <h3>地质灾害</h3>
    <p>地震</p>
    <p>冰雹</p>

  </ul>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    // 元素.replaceWith(新元素)
    $("ul p").replaceWith("<li>危险</li>")
    // 新元素.replaceAll(元素)
    $("<li>台风</li>").replaceAll($("h3"))
    //克隆元素clone()
    $("h1").click(function () {
      alert("1")
    })
    // true 参数 克隆元素和事件
    var ele = $("h1").clone(true)
    $("ul").append(ele)

    // 

  </script>
</body>

</html>